<!DOCTYPE html>
<html>

<head>
  <title>卡片样式3</title>
  <style>
    * {
      margin: 0;
      padding: 0;
    }

    .wrap {
      width: 500px;
      margin: 30px auto;
    }

    .wrap *{
      box-sizing: border-box;
    } 
  </style>
</head>

<body>
  <div class="wrap">
  <!-- up -->
  <section>
    <section style="padding-top: 30px;margin-bottom: 30px;">
      <section pb="border-box" style="border-style: solid;border-width: 1px 1px 1px 6px;border-color: #9bc367;">
        <section pb="top-box" style="width: 95%;margin-top: -20px;display: flex;flex-flow: row nowrap;text-align: left;justify-content: flex-start;">
          <section pb="circle-box" style="margin-top: -8px;margin-right: -8px;">
            <section pb="circle" style="width: 16px; height: 16px; border-width: 2px; border-style: solid; border-color: rgb(255, 215, 106); border-radius: 125px;"></section>
          </section>
          <section pb="right-box" style="background-color: #9bc367;padding-bottom: 5px;flex:1;">
            <section pb="white-circle-box" style="margin-top: 4px;padding-left: 4px;">
              <section pb="white-circle" style="width: 8px;height: 8px;border-radius: 50%;background-color: white;">
              </section>
            </section>
            <section pb="text-box" style="font-size:16px; line-height: 1.3;color: white;padding-left:15px;padding-right:10px;">
              <p>2</p>
            </section>
          </section>
        </section>
        <section pb="bottom-box" style="padding-top:20px">
          <section pb="header-info" style="padding-left: 5px;">
            <section style="display: inline-block; width: 45px;vertical-align: top;border-radius: 50%;overflow: hidden;height: 50px;"><img data-ratio="1" style="width: 41px;border-radius: 50%;" src="https://mmbiz.qpic.cn/mmbiz_jpg/dOrlCicxJJjVy4QdkSANYbCgHNtE21HCJyaShSxQNRt2IrGiaT9icdXoIgKNrzJlcHicyUhkvPDicSyeanEYMqiapMKQ/0?wx_fmt=jpeg" data-type="jpeg"></section>
            <section pb="header-info" style="display: inline-block;vertical-align: top;line-height: 1.4;margin-left:4px;">
              <p pb="name" style="font-size:17px;">燃木</p>
              <p pb="time" style="font-size:13px;color: #8c8f9a;">2017年9月8日</p>
            </section>
          </section>
          <section pb="content" style="margin: 5px 10px 0 10px;padding-bottom: 15px; font-size: 16px;line-height:1.3;color: #24252b;border-bottom: 1px solid #f3f3f3;">
            <p>看吶，这就是来路</p>
            <section pb="img-box" style="margin-top: 10px;"><img data-ratio="1" style="width:100%" src="http://b242.photo.store.qq.com/psb?/V10MR00l3w1dyF/qJ84IpKncleJ4nLvnMe0FThrWxu9*5UZyg3yP4UzCwI!/c/dPIAAAAAAAAA&bo=gAJgA4ACYAMRADc!&rf=mood_app"></section>
          </section>
          <p style="color: #273f67;padding: 10px 0 0 10px;font-size: 14px;">15人觉得很赞</p>
          <section pb="comment" style="padding: 10px;color: #24252b;line-height: 1.5;font-size: 14px;">
            <p><span style="color: #273f67;">高颖妮:</span> 果然是大神</p>

          </section>
        </section>
      </section>
    </section>

    <section style="padding-top: 30px;margin-bottom: 30px;">
      <section pb="border-box" style="border-style: solid;border-width: 1px 1px 1px 6px;border-color: #9bc367;">
        <section pb="top-box" style="width: 95%;margin-top: -20px;display: flex;flex-flow: row nowrap;text-align: left;justify-content: flex-start;">
          <section pb="circle-box" style="margin-top: -8px;margin-right: -8px;">
            <section pb="circle" style="width: 16px; height: 16px; border-width: 2px; border-style: solid; border-color: rgb(255, 215, 106); border-radius: 125px;"></section>
          </section>
          <section pb="right-box" style="background-color: #9bc367;padding-bottom: 5px;flex:1;">
            <section pb="white-circle-box" style="margin-top: 4px;padding-left: 4px;">
              <section pb="white-circle" style="width: 8px;height: 8px;border-radius: 50%;background-color: white;">
              </section>
            </section>
            <section pb="text-box" style="font-size:16px; line-height: 1.3;color: white;padding-left:15px;padding-right:10px;">
              <p>2</p>
            </section>
          </section>
        </section>
        <section pb="bottom-box" style="padding-top:20px">
          <section pb="header-info" style="padding-left: 5px;">
            <section style="display: inline-block; width: 45px;vertical-align: top;border-radius: 50%;overflow: hidden;height: 50px;"><img data-ratio="1" style="width: 41px;border-radius: 50%;" src="https://mmbiz.qpic.cn/mmbiz_jpg/dOrlCicxJJjVy4QdkSANYbCgHNtE21HCJyaShSxQNRt2IrGiaT9icdXoIgKNrzJlcHicyUhkvPDicSyeanEYMqiapMKQ/0?wx_fmt=jpeg" data-type="jpeg"></section>
            <section pb="header-info" style="display: inline-block;vertical-align: top;line-height: 1.4;margin-left:4px;">
              <p pb="name" style="font-size:17px;">燃木</p>
              <p pb="time" style="font-size:13px;color: #8c8f9a;">2017年9月21日</p>
            </section>
          </section>
          <section pb="content" style="margin: 5px 10px 0 10px;padding-bottom: 15px; font-size: 16px;line-height:1.3;color: #24252b;border-bottom: 1px solid #f3f3f3;">
            <p></p>
            <section pb="img-box" style="margin-top: 10px;"><img data-ratio="1" style="width:100%" src="http://b318.photo.store.qq.com/psb?/V10MR00l3w1dyF/4SVadOjR3sdIEs1ymKoRtZpiTJcW2Ub*vn0eSldIAn8!/b/dD4BAAAAAAAA&amp;bo=NQNsATUDbAEDACU!&rf=viewer_311"></section>
          </section>
          <p style="color: #273f67;padding: 10px 0 0 10px;font-size: 14px;">68人觉得很赞</p>
          <section pb="comment" style="padding: 10px;color: #24252b;line-height: 1.5;font-size: 14px;">
            <p><span style="color: #273f67;">15财政小默:</span> 6</p>
            <p><span style="color: #273f67;">廖静:</span> 是不是超酷的</p>
            <p><span style="color: #273f67;">叶丽:</span> 发现你好6</p>
            <p><span style="color: #273f67;">14秘书处覃薪如:</span> 真是6得不行</p>
            <p><span style="color: #273f67;">杨卓钊:</span> 大神好帅</p>
            <p><span style="color: #273f67;">黄艳萍:</span> a小调</p>
            <p><span style="color: #273f67;">庞天秀(外联):</span> 666666</p>
            <p><span style="color: #273f67;">技术部 潘虹秀:</span> </p>
            <p><span style="color: #273f67;">工商1541 李德兰:</span> 大神666666</p>
            <p><span style="color: #273f67;">李敏:</span> 大神！</p>
            
          </section>
        </section>
      </section>
    </section>

    <section style="padding-top: 30px;margin-bottom: 30px;">
      <section pb="border-box" style="border-style: solid;border-width: 1px 1px 1px 6px;border-color: #9bc367;">
        <section pb="top-box" style="width: 95%;margin-top: -20px;display: flex;flex-flow: row nowrap;text-align: left;justify-content: flex-start;">
          <section pb="circle-box" style="margin-top: -8px;margin-right: -8px;">
            <section pb="circle" style="width: 16px; height: 16px; border-width: 2px; border-style: solid; border-color: rgb(255, 215, 106); border-radius: 125px;"></section>
          </section>
          <section pb="right-box" style="background-color: #9bc367;padding-bottom: 5px;flex:1;">
            <section pb="white-circle-box" style="margin-top: 4px;padding-left: 4px;">
              <section pb="white-circle" style="width: 8px;height: 8px;border-radius: 50%;background-color: white;">
              </section>
            </section>
            <section pb="text-box" style="font-size:16px; line-height: 1.3;color: white;padding-left:15px;padding-right:10px;">
              <p>2</p>
            </section>
          </section>
        </section>
        <section pb="bottom-box" style="padding-top:20px">
          <section pb="header-info" style="padding-left: 5px;">
            <section style="display: inline-block; width: 45px;vertical-align: top;border-radius: 50%;overflow: hidden;height: 50px;"><img data-ratio="1" style="width: 41px;border-radius: 50%;" src="https://mmbiz.qpic.cn/mmbiz_jpg/dOrlCicxJJjVy4QdkSANYbCgHNtE21HCJyaShSxQNRt2IrGiaT9icdXoIgKNrzJlcHicyUhkvPDicSyeanEYMqiapMKQ/0?wx_fmt=jpeg" data-type="jpeg"></section>
            <section pb="header-info" style="display: inline-block;vertical-align: top;line-height: 1.4;margin-left:4px;">
              <p pb="name" style="font-size:17px;">燃木</p>
              <p pb="time" style="font-size:13px;color: #8c8f9a;">2017年10月8日</p>
            </section>
          </section>
          <section pb="content" style="margin: 5px 10px 0 10px;padding-bottom: 15px; font-size: 16px;line-height:1.3;color: #24252b;border-bottom: 1px solid #f3f3f3;">
            <p>[建设银行网申照片显示不全解析]<br/>有好些童鞋在填招商银行网申传相片的时候遇到图片不能正常显示的问题，这里从网站程序的角度来说明一下。<br/>如图1，是按照网站标准弄好的200*300分辨率的图片，但是上传之后看起来如图2，照片只能显示一部分。<br/>打开代码试图可以容易地发现，用来显示图片的区域为120*160，这相当于把200*300的图片放到一个比自己小的相框里，所以图片显示不全。<br/>但是实际上图片是全的，只是前台显示不全而已，网站后台是可以得到完整的图片的，所以只要保证尺寸合适，就大胆保存吧~<br/>如果非要证实图是全的，按照图3打开网址，就能下载得一个完整的图片啦。<br/>证件照的道理也是一样，如图4。只要上传的图是120*160，就正好能显示出来。</p>
            <section pb="img-box" style="margin-top: 10px;"><img data-ratio="1" style="width:100%" src="http://b243.photo.store.qq.com/psb?/V10MR00l3w1dyF/tGxCXHMje3FrCdkuNXDLiAvdzvy3q7Q*x14FO1EhImE!/b/dPMAAAAAAAAA&amp;bo=GAVQAhgFUAIDACU!&rf=viewer_311"></section>
          </section>
          <p style="color: #273f67;padding: 10px 0 0 10px;font-size: 14px;">35人觉得很赞</p>
          <section pb="comment" style="padding: 10px;color: #24252b;line-height: 1.5;font-size: 14px;">
            <p><span style="color: #273f67;">14秘书处覃薪如:</span> 哈哈哈，你的照片</p>
            <p><span style="color: #273f67;">陆贵宝:</span> 厉害了，我的大神</p>
            <p><span style="color: #273f67;">温雪兴~啊兴:</span> 666</p>
            <p><span style="color: #273f67;">高颖妮:</span> 厉害了，我的大神</p>
            <p><span style="color: #273f67;">金融1444梁丽霜:</span> 你咋那么优秀</p>
            
          </section>
        </section>
      </section>
    </section>

    <section style="padding-top: 30px;margin-bottom: 30px;">
      <section pb="border-box" style="border-style: solid;border-width: 1px 1px 1px 6px;border-color: #9bc367;">
        <section pb="top-box" style="width: 95%;margin-top: -20px;display: flex;flex-flow: row nowrap;text-align: left;justify-content: flex-start;">
          <section pb="circle-box" style="margin-top: -8px;margin-right: -8px;">
            <section pb="circle" style="width: 16px; height: 16px; border-width: 2px; border-style: solid; border-color: rgb(255, 215, 106); border-radius: 125px;"></section>
          </section>
          <section pb="right-box" style="background-color: #9bc367;padding-bottom: 5px;flex:1;">
            <section pb="white-circle-box" style="margin-top: 4px;padding-left: 4px;">
              <section pb="white-circle" style="width: 8px;height: 8px;border-radius: 50%;background-color: white;">
              </section>
            </section>
            <section pb="text-box" style="font-size:16px; line-height: 1.3;color: white;padding-left:15px;padding-right:10px;">
              <p>2</p>
            </section>
          </section>
        </section>
        <section pb="bottom-box" style="padding-top:20px">
          <section pb="header-info" style="padding-left: 5px;">
            <section style="display: inline-block; width: 45px;vertical-align: top;border-radius: 50%;overflow: hidden;height: 50px;"><img data-ratio="1" style="width: 41px;border-radius: 50%;" src="https://mmbiz.qpic.cn/mmbiz_jpg/dOrlCicxJJjVy4QdkSANYbCgHNtE21HCJyaShSxQNRt2IrGiaT9icdXoIgKNrzJlcHicyUhkvPDicSyeanEYMqiapMKQ/0?wx_fmt=jpeg" data-type="jpeg"></section>
            <section pb="header-info" style="display: inline-block;vertical-align: top;line-height: 1.4;margin-left:4px;">
              <p pb="name" style="font-size:17px;">燃木</p>
              <p pb="time" style="font-size:13px;color: #8c8f9a;">2017年10月23日</p>
            </section>
          </section>
          <section pb="content" style="margin: 5px 10px 0 10px;padding-bottom: 15px; font-size: 16px;line-height:1.3;color: #24252b;border-bottom: 1px solid #f3f3f3;">
            <p>真是神奇了。心血来潮去参加了一波宣讲会，现场赶制的网申，吊儿郎地投了份面试程序员的简历。宣讲会后1个星期都没消息，都以为没有下文了。本来就是打算去玩玩，想不到玩成真的了。。</p>
            <section pb="img-box" style="margin-top: 10px;"><img data-ratio="1" style="width:100%" src="http://b242.photo.store.qq.com/psb?/V10MR00l3w1dyF/8xsEJvnHf4owkEv4DlJxGIHd94KEYm3ZhB0T10lVkGQ!/c/dPIAAAAAAAAA&bo=HALAAxwCwAMRADc!&rf=mood_app"></section>
          </section>
          <p style="color: #273f67;padding: 10px 0 0 10px;font-size: 14px;">64人觉得很赞</p>
          <section pb="comment" style="padding: 10px;color: #24252b;line-height: 1.5;font-size: 14px;">
            <p><span style="color: #273f67;">金融1443尤鑫慧:</span> 有伴有伴</p>
            <p><span style="color: #273f67;">燃木</span>&nbsp;回复&nbsp;<span style="color: #273f67;">金融1443尤鑫慧:</span> </p>
            <p><span style="color: #273f67;">班主任:</span> 小伙子，打工作了哟</p>
            <p><span style="color: #273f67;">14外联滚金敏:</span> </p>
            <p><span style="color: #273f67;">韦棋祖:</span> 666</p>
            <p><span style="color: #273f67;">文化1541 黄旭:</span> 有前途啊</p>
            <p><span style="color: #273f67;">外联郑开战:</span> 厉害了</p>
            <p><span style="color: #273f67;">黄琴:</span> 恭喜恭喜</p>
            
          </section>
        </section>
      </section>
    </section>

    <section style="padding-top: 30px;margin-bottom: 30px;">
      <section pb="border-box" style="border-style: solid;border-width: 1px 1px 1px 6px;border-color: #9bc367;">
        <section pb="top-box" style="width: 95%;margin-top: -20px;display: flex;flex-flow: row nowrap;text-align: left;justify-content: flex-start;">
          <section pb="circle-box" style="margin-top: -8px;margin-right: -8px;">
            <section pb="circle" style="width: 16px; height: 16px; border-width: 2px; border-style: solid; border-color: rgb(255, 215, 106); border-radius: 125px;"></section>
          </section>
          <section pb="right-box" style="background-color: #9bc367;padding-bottom: 5px;flex:1;">
            <section pb="white-circle-box" style="margin-top: 4px;padding-left: 4px;">
              <section pb="white-circle" style="width: 8px;height: 8px;border-radius: 50%;background-color: white;">
              </section>
            </section>
            <section pb="text-box" style="font-size:16px; line-height: 1.3;color: white;padding-left:15px;padding-right:10px;">
              <p>2</p>
            </section>
          </section>
        </section>
        <section pb="bottom-box" style="padding-top:20px">
          <section pb="header-info" style="padding-left: 5px;">
            <section style="display: inline-block; width: 45px;vertical-align: top;border-radius: 50%;overflow: hidden;height: 50px;"><img data-ratio="1" style="width: 41px;border-radius: 50%;" src="https://mmbiz.qpic.cn/mmbiz_jpg/dOrlCicxJJjVy4QdkSANYbCgHNtE21HCJyaShSxQNRt2IrGiaT9icdXoIgKNrzJlcHicyUhkvPDicSyeanEYMqiapMKQ/0?wx_fmt=jpeg" data-type="jpeg"></section>
            <section pb="header-info" style="display: inline-block;vertical-align: top;line-height: 1.4;margin-left:4px;">
              <p pb="name" style="font-size:17px;">燃木</p>
              <p pb="time" style="font-size:13px;color: #8c8f9a;">2017年11月3日</p>
            </section>
          </section>
          <section pb="content" style="margin: 5px 10px 0 10px;padding-bottom: 15px; font-size: 16px;line-height:1.3;color: #24252b;border-bottom: 1px solid #f3f3f3;">
            <p>我不过是想弄个裁图的插件，各种比例转来转去，脑子都要烧掉了</p>
            <section pb="img-box" style="margin-top: 10px;"><img data-ratio="1" style="width:100%" src="http://b243.photo.store.qq.com/psb?/V10MR00l3w1dyF/bP0ib6wFkM3SNebOTlgI*08GWbLqJYMj9eBpEaCgQ0c!/c/dPMAAAAAAAAA&bo=NwWAAjcFgAIDACU!&rf=mood_app"></section>
          </section>
          <p style="color: #273f67;padding: 10px 0 0 10px;font-size: 14px;">10人觉得很赞</p>
          <section pb="comment" style="padding: 10px;color: #24252b;line-height: 1.5;font-size: 14px;">
            <p><span style="color: #273f67;">陈品丽:</span> 裁图 截图？</p>
            <p><span style="color: #273f67;">陈家开:</span> 大神圣杰</p>
            <p><span style="color: #273f67;">14秘书处覃薪如:</span> 开发软件？</p>
            <p><span style="color: #273f67;">燃木</span>&nbsp;回复&nbsp;<span style="color: #273f67;">14秘书处覃薪如:</span> 小功能</p>
            <p><span style="color: #273f67;">14秘书处覃薪如</span>&nbsp;回复&nbsp;<span style="color: #273f67;">燃木:</span> </p>
            
          </section>
        </section>
      </section>
    </section>

    <section style="padding-top: 30px;margin-bottom: 30px;">
      <section pb="border-box" style="border-style: solid;border-width: 1px 1px 1px 6px;border-color: #9bc367;">
        <section pb="top-box" style="width: 95%;margin-top: -20px;display: flex;flex-flow: row nowrap;text-align: left;justify-content: flex-start;">
          <section pb="circle-box" style="margin-top: -8px;margin-right: -8px;">
            <section pb="circle" style="width: 16px; height: 16px; border-width: 2px; border-style: solid; border-color: rgb(255, 215, 106); border-radius: 125px;"></section>
          </section>
          <section pb="right-box" style="background-color: #9bc367;padding-bottom: 5px;flex:1;">
            <section pb="white-circle-box" style="margin-top: 4px;padding-left: 4px;">
              <section pb="white-circle" style="width: 8px;height: 8px;border-radius: 50%;background-color: white;">
              </section>
            </section>
            <section pb="text-box" style="font-size:16px; line-height: 1.3;color: white;padding-left:15px;padding-right:10px;">
              <p>2</p>
            </section>
          </section>
        </section>
        <section pb="bottom-box" style="padding-top:20px">
          <section pb="header-info" style="padding-left: 5px;">
            <section style="display: inline-block; width: 45px;vertical-align: top;border-radius: 50%;overflow: hidden;height: 50px;"><img data-ratio="1" style="width: 41px;border-radius: 50%;" src="https://mmbiz.qpic.cn/mmbiz_jpg/dOrlCicxJJjVy4QdkSANYbCgHNtE21HCJyaShSxQNRt2IrGiaT9icdXoIgKNrzJlcHicyUhkvPDicSyeanEYMqiapMKQ/0?wx_fmt=jpeg" data-type="jpeg"></section>
            <section pb="header-info" style="display: inline-block;vertical-align: top;line-height: 1.4;margin-left:4px;">
              <p pb="name" style="font-size:17px;">燃木</p>
              <p pb="time" style="font-size:13px;color: #8c8f9a;">2017年12月2日</p>
            </section>
          </section>
          <section pb="content" style="margin: 5px 10px 0 10px;padding-bottom: 15px; font-size: 16px;line-height:1.3;color: #24252b;border-bottom: 1px solid #f3f3f3;">
            <p>感谢大美女赐予的灵感@14秘书处覃薪如 计协相册全新上线，权限对每个人开放。无论你是即将步出校园，还是正在努力地为计协的明天奋斗，只要心中依然还有着值得分享的记忆，那都是令人留恋的美好时光……</p>
            <section pb="img-box" style="margin-top: 10px;"><img data-ratio="1" style="width:100%" src=""></section>
          </section>
          <p style="color: #273f67;padding: 10px 0 0 10px;font-size: 14px;">28人觉得很赞</p>
          <section pb="comment" style="padding: 10px;color: #24252b;line-height: 1.5;font-size: 14px;">
            <p><span style="color: #273f67;">廖静:</span> 好酷的</p>
            <p><span style="color: #273f67;">燃木</span>&nbsp;回复&nbsp;<span style="color: #273f67;">廖静:</span> </p>
            <p><span style="color: #273f67;">14秘书处覃薪如:</span> 居然还艾特我</p>
            <p><span style="color: #273f67;">燃木</span>&nbsp;回复&nbsp;<span style="color: #273f67;">14秘书处覃薪如:</span> </p>
            <p><span style="color: #273f67;">技术部 潘虹秀:</span> 666</p>
            
          </section>
        </section>
      </section>
    </section>

    <section style="padding-top: 30px;margin-bottom: 30px;">
      <section pb="border-box" style="border-style: solid;border-width: 1px 1px 1px 6px;border-color: #9bc367;">
        <section pb="top-box" style="width: 95%;margin-top: -20px;display: flex;flex-flow: row nowrap;text-align: left;justify-content: flex-start;">
          <section pb="circle-box" style="margin-top: -8px;margin-right: -8px;">
            <section pb="circle" style="width: 16px; height: 16px; border-width: 2px; border-style: solid; border-color: rgb(255, 215, 106); border-radius: 125px;"></section>
          </section>
          <section pb="right-box" style="background-color: #9bc367;padding-bottom: 5px;flex:1;">
            <section pb="white-circle-box" style="margin-top: 4px;padding-left: 4px;">
              <section pb="white-circle" style="width: 8px;height: 8px;border-radius: 50%;background-color: white;">
              </section>
            </section>
            <section pb="text-box" style="font-size:16px; line-height: 1.3;color: white;padding-left:15px;padding-right:10px;">
              <p>2</p>
            </section>
          </section>
        </section>
        <section pb="bottom-box" style="padding-top:20px">
          <section pb="header-info" style="padding-left: 5px;">
            <section style="display: inline-block; width: 45px;vertical-align: top;border-radius: 50%;overflow: hidden;height: 50px;"><img data-ratio="1" style="width: 41px;border-radius: 50%;" src="https://mmbiz.qpic.cn/mmbiz_jpg/dOrlCicxJJjVy4QdkSANYbCgHNtE21HCJyaShSxQNRt2IrGiaT9icdXoIgKNrzJlcHicyUhkvPDicSyeanEYMqiapMKQ/0?wx_fmt=jpeg" data-type="jpeg"></section>
            <section pb="header-info" style="display: inline-block;vertical-align: top;line-height: 1.4;margin-left:4px;">
              <p pb="name" style="font-size:17px;">燃木</p>
              <p pb="time" style="font-size:13px;color: #8c8f9a;">2017年12月8日</p>
            </section>
          </section>
          <section pb="content" style="margin: 5px 10px 0 10px;padding-bottom: 15px; font-size: 16px;line-height:1.3;color: #24252b;border-bottom: 1px solid #f3f3f3;">
            <p>笔试本身就很脑残了，更脑残的是让你在一个小空位上写个数据库操作类。。。</p>
            <section pb="img-box" style="margin-top: 10px;"><img data-ratio="1" style="width:100%" src=""></section>
          </section>
          <p style="color: #273f67;padding: 10px 0 0 10px;font-size: 14px;">9人觉得很赞</p>
          <section pb="comment" style="padding: 10px;color: #24252b;line-height: 1.5;font-size: 14px;">
          
          </section>
        </section>
      </section>
    </section>

    <section style="padding-top: 30px;margin-bottom: 30px;">
      <section pb="border-box" style="border-style: solid;border-width: 1px 1px 1px 6px;border-color: #9bc367;">
        <section pb="top-box" style="width: 95%;margin-top: -20px;display: flex;flex-flow: row nowrap;text-align: left;justify-content: flex-start;">
          <section pb="circle-box" style="margin-top: -8px;margin-right: -8px;">
            <section pb="circle" style="width: 16px; height: 16px; border-width: 2px; border-style: solid; border-color: rgb(255, 215, 106); border-radius: 125px;"></section>
          </section>
          <section pb="right-box" style="background-color: #9bc367;padding-bottom: 5px;flex:1;">
            <section pb="white-circle-box" style="margin-top: 4px;padding-left: 4px;">
              <section pb="white-circle" style="width: 8px;height: 8px;border-radius: 50%;background-color: white;">
              </section>
            </section>
            <section pb="text-box" style="font-size:16px; line-height: 1.3;color: white;padding-left:15px;padding-right:10px;">
              <p>2</p>
            </section>
          </section>
        </section>
        <section pb="bottom-box" style="padding-top:20px">
          <section pb="header-info" style="padding-left: 5px;">
            <section style="display: inline-block; width: 45px;vertical-align: top;border-radius: 50%;overflow: hidden;height: 50px;"><img data-ratio="1" style="width: 41px;border-radius: 50%;" src="https://mmbiz.qpic.cn/mmbiz_jpg/dOrlCicxJJjVy4QdkSANYbCgHNtE21HCJyaShSxQNRt2IrGiaT9icdXoIgKNrzJlcHicyUhkvPDicSyeanEYMqiapMKQ/0?wx_fmt=jpeg" data-type="jpeg"></section>
            <section pb="header-info" style="display: inline-block;vertical-align: top;line-height: 1.4;margin-left:4px;">
              <p pb="name" style="font-size:17px;">燃木</p>
              <p pb="time" style="font-size:13px;color: #8c8f9a;">2017年12月14日</p>
            </section>
          </section>
          <section pb="content" style="margin: 5px 10px 0 10px;padding-bottom: 15px; font-size: 16px;line-height:1.3;color: #24252b;border-bottom: 1px solid #f3f3f3;">
            <p>出来一趟裤子都湿了半截面试的哥们竟然一本正经地跟我说javascript是java的一个分支，我都震惊了就算是想洗脑也用不着这样吧</p>
            <section pb="img-box" style="margin-top: 10px;"><img data-ratio="1" style="width:100%" src=""></section>
          </section>
          <p style="color: #273f67;padding: 10px 0 0 10px;font-size: 14px;">12人觉得很赞</p>
          <section pb="comment" style="padding: 10px;color: #24252b;line-height: 1.5;font-size: 14px;">
            <p><span style="color: #273f67;">15财政陈卓鹏:</span> 你要跟他说PHP天下第一</p>
            <p><span style="color: #273f67;">15 超人:</span> 66666面试员怎么也得好好了解一下吧</p>
            <p><span style="color: #273f67;">燃木</span>&nbsp;回复&nbsp;<span style="color: #273f67;">15 超人:</span> 学姐说得对</p>
            <p><span style="color: #273f67;">施小慧:</span> 我也震惊了这都是什么东西</p>
            <p><span style="color: #273f67;">部长Ella学姐:</span> 跟java并没有什么亲戚关系</p>
            <p><span style="color: #273f67;">燃木</span>&nbsp;回复&nbsp;<span style="color: #273f67;">部长Ella学姐:</span> 哦呦，学姐都知道</p>
            
          </section>
        </section>
      </section>
    </section>

    <section style="padding-top: 30px;margin-bottom: 30px;">
      <section pb="border-box" style="border-style: solid;border-width: 1px 1px 1px 6px;border-color: #9bc367;">
        <section pb="top-box" style="width: 95%;margin-top: -20px;display: flex;flex-flow: row nowrap;text-align: left;justify-content: flex-start;">
          <section pb="circle-box" style="margin-top: -8px;margin-right: -8px;">
            <section pb="circle" style="width: 16px; height: 16px; border-width: 2px; border-style: solid; border-color: rgb(255, 215, 106); border-radius: 125px;"></section>
          </section>
          <section pb="right-box" style="background-color: #9bc367;padding-bottom: 5px;flex:1;">
            <section pb="white-circle-box" style="margin-top: 4px;padding-left: 4px;">
              <section pb="white-circle" style="width: 8px;height: 8px;border-radius: 50%;background-color: white;">
              </section>
            </section>
            <section pb="text-box" style="font-size:16px; line-height: 1.3;color: white;padding-left:15px;padding-right:10px;">
              <p>2</p>
            </section>
          </section>
        </section>
        <section pb="bottom-box" style="padding-top:20px">
          <section pb="header-info" style="padding-left: 5px;">
            <section style="display: inline-block; width: 45px;vertical-align: top;border-radius: 50%;overflow: hidden;height: 50px;"><img data-ratio="1" style="width: 41px;border-radius: 50%;" src="https://mmbiz.qpic.cn/mmbiz_jpg/dOrlCicxJJjVy4QdkSANYbCgHNtE21HCJyaShSxQNRt2IrGiaT9icdXoIgKNrzJlcHicyUhkvPDicSyeanEYMqiapMKQ/0?wx_fmt=jpeg" data-type="jpeg"></section>
            <section pb="header-info" style="display: inline-block;vertical-align: top;line-height: 1.4;margin-left:4px;">
              <p pb="name" style="font-size:17px;">燃木</p>
              <p pb="time" style="font-size:13px;color: #8c8f9a;">2017年12月29日</p>
            </section>
          </section>
          <section pb="content" style="margin: 5px 10px 0 10px;padding-bottom: 15px; font-size: 16px;line-height:1.3;color: #24252b;border-bottom: 1px solid #f3f3f3;">
            <p> 为什么又要晾着我一个星期，我想工作啊啊啊啊啊啊</p>
            <section pb="img-box" style="margin-top: 10px;"><img data-ratio="1" style="width:100%" src=""></section>
          </section>
          <p style="color: #273f67;padding: 10px 0 0 10px;font-size: 14px;">16人觉得很赞</p>
          <section pb="comment" style="padding: 10px;color: #24252b;line-height: 1.5;font-size: 14px;">
            <p><span style="color: #273f67;">15 超人:</span> 学长不急不急</p>
            <p><span style="color: #273f67;">燃木</span>&nbsp;回复&nbsp;<span style="color: #273f67;">15 超人:</span> 学长已经咸鱼了很久了</p>
            <p><span style="color: #273f67;">高颖妮:</span> 知道你很空闲了/悠闲/悠闲</p>
            <p><span style="color: #273f67;">金融1443苏禹铭:</span> 秒</p>
            <p><span style="color: #273f67;">工商1541 李德兰:</span> 工作之后你就会觉得现在的好了</p>
            <p><span style="color: #273f67;">李师:</span> 可以去玩呀</p>
            <p><span style="color: #273f67;">永远17岁の小圆(陈柏君):</span> 可以去撩妹啊，教小学妹高数，概率论啥的</p>
            <p><span style="color: #273f67;">金融1444梁丽霜:</span> 我也是，气</p>
            <p><span style="color: #273f67;">卢雯雯</span>&nbsp;回复&nbsp;<span style="color: #273f67;">金融1444梁丽霜:</span> 你要去哪里</p>
            
          </section>
        </section>
      </section>
    </section>

    <section style="padding-top: 30px;margin-bottom: 30px;">
      <section pb="border-box" style="border-style: solid;border-width: 1px 1px 1px 6px;border-color: #9bc367;">
        <section pb="top-box" style="width: 95%;margin-top: -20px;display: flex;flex-flow: row nowrap;text-align: left;justify-content: flex-start;">
          <section pb="circle-box" style="margin-top: -8px;margin-right: -8px;">
            <section pb="circle" style="width: 16px; height: 16px; border-width: 2px; border-style: solid; border-color: rgb(255, 215, 106); border-radius: 125px;"></section>
          </section>
          <section pb="right-box" style="background-color: #9bc367;padding-bottom: 5px;flex:1;">
            <section pb="white-circle-box" style="margin-top: 4px;padding-left: 4px;">
              <section pb="white-circle" style="width: 8px;height: 8px;border-radius: 50%;background-color: white;">
              </section>
            </section>
            <section pb="text-box" style="font-size:16px; line-height: 1.3;color: white;padding-left:15px;padding-right:10px;">
              <p>2</p>
            </section>
          </section>
        </section>
        <section pb="bottom-box" style="padding-top:20px">
          <section pb="header-info" style="padding-left: 5px;">
            <section style="display: inline-block; width: 45px;vertical-align: top;border-radius: 50%;overflow: hidden;height: 50px;"><img data-ratio="1" style="width: 41px;border-radius: 50%;" src="https://mmbiz.qpic.cn/mmbiz_jpg/dOrlCicxJJjVy4QdkSANYbCgHNtE21HCJyaShSxQNRt2IrGiaT9icdXoIgKNrzJlcHicyUhkvPDicSyeanEYMqiapMKQ/0?wx_fmt=jpeg" data-type="jpeg"></section>
            <section pb="header-info" style="display: inline-block;vertical-align: top;line-height: 1.4;margin-left:4px;">
              <p pb="name" style="font-size:17px;">燃木</p>
              <p pb="time" style="font-size:13px;color: #8c8f9a;">2018年1月1日</p>
            </section>
          </section>
          <section pb="content" style="margin: 5px 10px 0 10px;padding-bottom: 15px; font-size: 16px;line-height:1.3;color: #24252b;border-bottom: 1px solid #f3f3f3;">
            <p>早安，2018</p>
            <section pb="img-box" style="margin-top: 10px;"><img data-ratio="1" style="width:100%" src="http://b357.photo.store.qq.com/psb?/V10MR00l3w1dyF/2krM.bWtHcQK3.CpN9.Z68eV0qP75SPHknYWcQv.00Y!/c/dGUBAAAAAAAA&bo=9AEpAfQBKQERECc!&rf=mood_app"></section>
          </section>
          <p style="color: #273f67;padding: 10px 0 0 10px;font-size: 14px;">17人觉得很赞</p>
          <section pb="comment" style="padding: 10px;color: #24252b;line-height: 1.5;font-size: 14px;">
            <p><span style="color: #273f67;">高颖妮:</span> 中午啦大神</p>

          </section>
        </section>
      </section>
    </section>

    <section style="padding-top: 30px;margin-bottom: 30px;">
      <section pb="border-box" style="border-style: solid;border-width: 1px 1px 1px 6px;border-color: #9bc367;">
        <section pb="top-box" style="width: 95%;margin-top: -20px;display: flex;flex-flow: row nowrap;text-align: left;justify-content: flex-start;">
          <section pb="circle-box" style="margin-top: -8px;margin-right: -8px;">
            <section pb="circle" style="width: 16px; height: 16px; border-width: 2px; border-style: solid; border-color: rgb(255, 215, 106); border-radius: 125px;"></section>
          </section>
          <section pb="right-box" style="background-color: #9bc367;padding-bottom: 5px;flex:1;">
            <section pb="white-circle-box" style="margin-top: 4px;padding-left: 4px;">
              <section pb="white-circle" style="width: 8px;height: 8px;border-radius: 50%;background-color: white;">
              </section>
            </section>
            <section pb="text-box" style="font-size:16px; line-height: 1.3;color: white;padding-left:15px;padding-right:10px;">
              <p>2</p>
            </section>
          </section>
        </section>
        <section pb="bottom-box" style="padding-top:20px">
          <section pb="header-info" style="padding-left: 5px;">
            <section style="display: inline-block; width: 45px;vertical-align: top;border-radius: 50%;overflow: hidden;height: 50px;"><img data-ratio="1" style="width: 41px;border-radius: 50%;" src="https://mmbiz.qpic.cn/mmbiz_jpg/dOrlCicxJJjVy4QdkSANYbCgHNtE21HCJyaShSxQNRt2IrGiaT9icdXoIgKNrzJlcHicyUhkvPDicSyeanEYMqiapMKQ/0?wx_fmt=jpeg" data-type="jpeg"></section>
            <section pb="header-info" style="display: inline-block;vertical-align: top;line-height: 1.4;margin-left:4px;">
              <p pb="name" style="font-size:17px;">燃木</p>
              <p pb="time" style="font-size:13px;color: #8c8f9a;">2018年1月19日</p>
            </section>
          </section>
          <section pb="content" style="margin: 5px 10px 0 10px;padding-bottom: 15px; font-size: 16px;line-height:1.3;color: #24252b;border-bottom: 1px solid #f3f3f3;">
            <p>这么久过去了，我还是会偶尔想起很多年前在小四的书上看过的话。时间是最伟大的治愈师，哪怕遇见再大的挫折，再大的失落，最后，都可以在岁月的手掌里，在时光的变迁里，被完完全全地治愈。<br/>后来我把所有迷惘和悲伤全部丢给时间，我知道它们最后都会在时间的洪流里慢慢地平复。</p>
          </section>
          <p style="color: #273f67;padding: 10px 0 0 10px;font-size: 14px;">27人觉得很赞</p>
          <section pb="comment" style="padding: 10px;color: #24252b;line-height: 1.5;font-size: 14px;">
            <p><span style="color: #273f67;">高颖妮:</span> 时间是个好兄弟</p>
            <p><span style="color: #273f67;">黄琨:</span> 你回来没有</p>
            <p><span style="color: #273f67;">燃木</span>&nbsp;回复&nbsp;<span style="color: #273f67;">黄琨:</span> 过年才回</p>
            <p><span style="color: #273f67;">相思沟周岐仿:</span> 欠你个诺贝尔文学奖</p>
            <p><span style="color: #273f67;">燃木</span>&nbsp;回复&nbsp;<span style="color: #273f67;">相思沟周岐仿:</span> 夸张了哥</p>
            
          </section>
        </section>
      </section>
    </section>











  </section>
    
  <!-- up end -->
  
  <!-- down -->

  
  <!-- down end -->
  
  


  </div>
</body>

</html>